<template>
  <div class="w-full mt-40">
    <div class="md:container md:w-3/4 mx-auto">
      <div class="flex">
        <h2 class="text-3xl font-bold mb-6">
          关于
        </h2>
        <div @mouseover="LearnMore7=true" @mouseleave="LearnMore7=false" class="ml-auto">
          <button :class="{'bg-green-400':LearnMore7}" class="transition duration-300 ease-in-out transform hover:scale-105 border-gray-200 border-2 h-8 w-14 rounded-full flex justify-center items-center">
            <svg class="w-4 h-4 text-gray-400 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
              <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
            </svg>
          </button>
        </div>
      </div>
      <div class="mt-16 flex space-x-5">
        <div class="flex-1 h-96 w-1/2">
          团队介绍
        </div>
        <div role="status" class="flex-1 mb-40 h-96 w-1/2 bg-white shadow-lg">
          <img src="@/assets/images/img15.jpg" alt="">
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data(){
    return{
      LearnMore7:false,
    }
  }
}
</script>